
<template>
  <div>
    <el-container class="container">
      <el-header class="header">
        <HospitalTop />
      </el-header>
      <el-main class="main"><router-view></router-view></el-main>
      <el-footer class="booter">
        <HospitalBottom />
      </el-footer>
    </el-container>
  </div>
</template>
<script lang="ts" setup>
</script>
<style scoped lang="scss">
.container {

  .header {
    height: 100%;
    background-color: #fdfdfd;
    box-shadow: 0 0 10px 0 #666;
    position: sticky;
    top: 0;
    z-index: 1;
  }

  .main {
    padding: 0;
  }

  .booter {
    background-color: #f1f3f4;
  }
}
</style>
